<template>
  <div class="enterprise">
    <p class="biaoti">文化理念</p>
    <el-divider></el-divider>
    <!-- 内容中的卡片区 -->
    <div class="aboutus-items">
      <!-- 单个卡片 -->
      <div class="aboutus-item">
        <i class="el-icon-user-solid"></i>
        <p class="aboutus-item_1">企业精神</p>
        <div>
          <div class="purple">
            <span></span>
            <span class="hanzi"></span>
          </div>
          <span>勇于跨越，追求卓越</span>
        </div>
      </div>
      <div class="aboutus-item">
        <i class="el-icon-map-location"></i>
        <p class="aboutus-item_1">公司承诺</p>
        <div>
          <div class="purple">
            <span></span>
            <span class="hanzi"></span>
          </div>
          <span>限时未达，减免运费</span>
        </div>
      </div>
      <div class="aboutus-item">
        <i class="el-icon-office-building"></i>
        <p class="aboutus-item_1">服务理念</p>
        <div>
          <div class="purple">
            <span></span>
            <span class="hanzi"></span>
          </div>
          <span>安全、准时、快捷、经济、优质</span>
        </div>
      </div>
      <div class="aboutus-item">
        <i class="el-icon-s-promotion"></i>
        <p class="aboutus-item_1">经营理念</p>
        <div>
          <div class="purple">
            <span></span>
            <span class="hanzi"></span>
          </div>
          <span>客户满意、员工满意、公司满意</span>
        </div>
      </div>
      <div class="aboutus-item">
        <i class="el-icon-truck"></i>
        <p class="aboutus-item_1">FIRST价值观</p>
        <div>
          <div class="purple">
            <span></span>
            <span class="hanzi"></span>
          </div>
          <span>诚信、正直、责任、服务、团队</span>
        </div>
      </div>
      <div class="aboutus-item">
        <i class="el-icon-chat-line-round"></i>
        <p class="aboutus-item_1">企业目标</p>
        <div>
          <div class="purple">
            <span></span>
            <span class="hanzi"></span>
          </div>
          <span>创快递先锋、建百年跨越</span>
        </div>
      </div>
    </div>
    <!-- 文字内容 -->
    <div class="aboutus-neirong">
      <p>
        企业文化是企业的灵魂，是构成企业核心竞争力的关键所在，是企业发展的原动力。优秀的企业文化理念能为公司创造良好的企业环境，为员工树立正确的价值观，为企业赢得客户与未来。企业文化理念是跨越发展的灵魂桥梁，是增强企业的凝聚力、向心力，激励员工开拓创新、建功立业的斗志。跨越将企业文化理念渗透到每个员工的心中，以此不断提升主人翁意识，增强企业使命感，带领全体人员共同进步。
      </p>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.aboutus {
  width: 700px;
}
.aboutus-neirong {
  p {
    margin-top: 20px;
    color: #666;
    line-height: 150%;
    font-size: 15px;
  }
}
.biaoti {
  font-size: 2em;
}
.jieshao {
  font-size: 15px;
  line-height: 150%;
  color: #666666;
}
.aboutus-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}
.aboutus-item {
  width: 264px;
  height: 170px;
  background-color: #f7f8fa;
  border-radius: 4px;
  margin-bottom: 19px;
  padding-top: 32px;
  text-align: center;

  i {
    font-size: 50px;
    color: #643789;
  }

  .aboutus-item_1 {
    padding-top: 19px;
    padding-bottom: 8px;
    font-size: 20px;
  }
}
.purple {
  color: #643789;
  font-size: 24px;
  display: inline;
  font-weight: bold;

  .hanzi {
    font-size: 16px;
  }
}
.enterprise {
  padding: 20px 0 40px 50px;
}
</style>
